﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Primitives="clr-namespace:Microsoft.Phone.Controls.Primitives;assembly=Microsoft.Phone"
    xmlns:local="clr-namespace:PANORAMA2"
    x:Class="PANORAMA2.MainPage"
    mc:Ignorable="d"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True" d:DataContext="{d:DesignData /SampleData/SampleDataSource/SampleDataSource.xaml}">
	<phone:PhoneApplicationPage.Resources>
		
		<DataTemplate x:Key="ItemTemplate">
			<StackPanel>
				<TextBlock Text="{Binding Property1}" Foreground="#FF16165F"/>
				<TextBlock Text="{Binding Property3}" Foreground="Black"/>
			</StackPanel>
		</DataTemplate>
		
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<SolidColorBrush Color="#FF16165F"/>
	</phone:PhoneApplicationPage.Foreground>
<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="White" DataContext="{Binding Source={StaticResource SampleDataSource}}" >
		<Grid.ColumnDefinitions>
			<ColumnDefinition/>
			<ColumnDefinition Width="11*"/>
		</Grid.ColumnDefinitions>
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>
		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="0,0,0,0" Background="White" Grid.ColumnSpan="2" Grid.RowSpan="2">
			<Image Margin="0,0,0,0" Grid.RowSpan="2" Source="logo1.png" Stretch="None"/>
			<Rectangle Margin="0,13,0,0" Stroke="Black" Height="5"/>
		</StackPanel>
        <!--ContentPanel - place additional content here-->
		<Grid x:Name="ContentPanel" Grid.Row="1" Margin="4,82,3,-50" Grid.ColumnSpan="2">
			<phone:Pivot HorizontalAlignment="Left" Height="730" Margin="-25,-10,-9,0" VerticalAlignment="Top" Width="507">
				<phone:PivotItem CacheMode="{x:Null}" Margin="12,-2,-38,0">
					<phone:PivotItem.Header>
						<Grid HorizontalAlignment="Left" Height="55" VerticalAlignment="Top" Width="125" Background="White" Margin="0,0,-20,0">
    						<Rectangle Fill="#FF16165F" HorizontalAlignment="Left" Height="55" Margin="0" VerticalAlignment="Top" Width="49"/>
    						<TextBlock HorizontalAlignment="Left" Height="45" Margin="22,8,0,0" TextWrapping="Wrap" Text="H" VerticalAlignment="Top" Width="31" FontSize="32" RenderTransformOrigin="0.776,0.549"/>
    						<TextBlock HorizontalAlignment="Left" Height="45" Margin="51,7,0,0" TextWrapping="Wrap" Text="OME" VerticalAlignment="Top" Width="70" FontSize="32" Foreground="#FF16165F"/>
    					</Grid>
					</phone:PivotItem.Header>
					<Grid Width="488" Margin="0,0,0,-621">
						<Border BorderBrush="#FF16165F" BorderThickness="0,5,0,0"></Border>
						<Grid Name="featured" Margin="6,10,-6,1068">
							<Image Height="200" Margin="27,23,216,22" Source="timthumb.jpg" Stretch="Fill"/>
							<Grid Margin="288,23,23,22" Height="200">
								<Grid.RowDefinitions>
									<RowDefinition Height="auto"></RowDefinition>
									<RowDefinition Height="auto"></RowDefinition>
								</Grid.RowDefinitions>
								<TextBlock Grid.Row="0" Foreground="#FF16165F" FontSize="21.333" FontWeight="Bold" TextWrapping="Wrap">
									LOREM IPSUM 
								</TextBlock>
								<TextBlock Grid.Row="1" Foreground="Black" TextWrapping="Wrap" FontSize="16" >
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas adipiscing mi in fermentum vestibulum. Fusce felis felis, elementum non risus vitae, dictum dapibus turpis.
								</TextBlock>
							</Grid>
						</Grid>
						<Grid Margin="0,264,0,0">
							<Border BorderThickness="0,3,0,0" BorderBrush="#FF16165F" Margin="56,-35,50,18"/>
							<ListBox Margin="36,-7,32,18" DataContext="{Binding}" ItemTemplate="{StaticResource ItemTemplate}" ItemsSource="{Binding Collection}"/>
						</Grid>
					</Grid>
				</phone:PivotItem>
				<phone:PivotItem CacheMode="{x:Null}" Margin="12,-2,-38,0">
					<phone:PivotItem.Header>
						<Grid HorizontalAlignment="Left" Height="55" VerticalAlignment="Top" Width="175" Background="White" Margin="0,0,-20,0">
    						<Rectangle Fill="#FD681C" HorizontalAlignment="Left" Height="55" Margin="0" Stroke="Black" VerticalAlignment="Top" Width="49"/>
    						<TextBlock HorizontalAlignment="Left" Height="45" Margin="22,8,0,0" TextWrapping="Wrap" Text="B" VerticalAlignment="Top" Width="31" FontSize="32" RenderTransformOrigin="0.776,0.549"/>
    						<TextBlock HorizontalAlignment="Left" Height="45" Margin="51,7,0,0" TextWrapping="Wrap" Text="USINESS" VerticalAlignment="Top" Width="120" FontSize="32" Foreground="#FD681C"/>
    					</Grid>
					</phone:PivotItem.Header>
					<Grid Width="488" Margin="0,0,0,-600">
						<Border BorderBrush="#FD681C" BorderThickness="0,5,0,0"></Border>
					</Grid>
				</phone:PivotItem>
				<phone:PivotItem CacheMode="{x:Null}" Margin="12,-2,-38,0">
					<phone:PivotItem.Header>
						<Grid HorizontalAlignment="Left" Height="55" VerticalAlignment="Top" Width="150" Background="White" Margin="0,0,-20,0">
							<Rectangle Fill="#5BA45C" HorizontalAlignment="Left" Height="55" Margin="0" Stroke="Black" VerticalAlignment="Top" Width="49"/>
							<TextBlock HorizontalAlignment="Left" Height="45" Margin="22,8,0,0" TextWrapping="Wrap" Text="S" VerticalAlignment="Top" Width="31" FontSize="32" RenderTransformOrigin="0.776,0.549"/>
							<TextBlock HorizontalAlignment="Left" Height="45" Margin="51,7,0,0" TextWrapping="Wrap" Text="PORTS" VerticalAlignment="Top" Width="100" FontSize="32" Foreground="#5BA45C"/>
						</Grid>
					</phone:PivotItem.Header>
					<Grid Width="488" Margin="0,0,0,-600">
						<Border BorderBrush="#5BA45C" BorderThickness="0,5,0,0"></Border>
					</Grid>
				</phone:PivotItem>
				<phone:PivotItem Margin="12,-2,-38,0">
					<phone:PivotItem.Header>
						<Grid HorizontalAlignment="Left" Height="55" VerticalAlignment="Top" Width="283" Background="White" Margin="0,0,-20,0">
							<Rectangle Fill="#A46080" HorizontalAlignment="Left" Height="55" Margin="0" Stroke="Black" VerticalAlignment="Top" Width="49"/>
							<TextBlock HorizontalAlignment="Left" Height="45" Margin="22,8,0,0" TextWrapping="Wrap" Text="E" VerticalAlignment="Top" Width="31" FontSize="32" RenderTransformOrigin="0.776,0.549"/>
							<TextBlock HorizontalAlignment="Left" Height="45" Margin="51,7,0,0" TextWrapping="Wrap" Text="NTERTAINMENT" VerticalAlignment="Top" Width="230" FontSize="32" Foreground="#A46080"/>
						</Grid>
					</phone:PivotItem.Header>
					<Grid Width="488" Margin="0,0,0,-600">
						<Border BorderBrush="#A46080" BorderThickness="0,5,0,0"></Border>
					</Grid>
				</phone:PivotItem>
			</phone:Pivot>
			
		</Grid>

			
		</Grid>

</phone:PhoneApplicationPage>